@media screen and (max-width:1200px){
.navBtn{width: 34px; height: 24px; position:fixed; right:10px; top:17px;  cursor: pointer; display:block; z-index:99999999 }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #00873b; width: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s; z-index:9999999999}
.navBtn:after{ bottom: 0; top: auto;  }
.cbtn{ height: 4px; width: 100%; background: #00873b; position: absolute; left: 0; top: 10px;z-index:9999999999 }
.navnu_inner{ position:fixed; display:none; top:56px; z-index:99999; width:100%; background:url(../images/navinner.png); height:100%; padding:2rem 0 0 0 ; transition:all 0.5s ease 0s; right:0; text-align:center;}
.navnu_inner li{ height:40px; line-height:40px;}
.navnu_inner li a{ display:block; font-size:16px; color:#fff; font-weight:bold}
.logo,.head_form,.what,.head_bottom{ display:none;}
.pc_banner{ display: none; }
.phone_banner{ display: block!important; }
.exp_dl dd em{ font-size: 20px; }
.pos dt span{ width: 33.3% }
.box{ width:100%; padding: 0 10px; box-sizing: border-box; }
.head_top{ padding:0; height: auto; line-height: inherit;}
h1 { padding:20px 0;}
h1 img{ width:190px; height:auto;}
.lan{padding:0; margin:0 40px 0 0;}
.lan a{ background:none; color:#c21e27; font-size:16px; height:38px; line-height:38px; }
.exp_dl dd span{ height: auto; line-height: 26px; font-size: 14px; }
.toshow .navBtn:before{ -webkit-transform: rotate(135deg) translate(7px,-6px); -ms-transform: rotate(135deg) translate(7px,-6px); transform: rotate(135deg) translate(7px,-6px); }
.toshow .navBtn:after{ -webkit-transform: rotate(-135deg) translate(9px,6px); -ms-transform: rotate(-135deg) translate(9px,6px); transform: rotate(-135deg) translate(9px,6px); }
.toshow .cbtn{ opacity: 0; filter: alpha(opacity=0);}
.toshow .navnu_inner{ background: #00873b; transition:all 0.5s ease 0s; display:block;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.begin h1 img{ width: 200px; height: auto; }
.nav{ display:none}
.search{ display:none;}
.begin h1{ padding:10px 0;}
.language a{ margin:10px 54px 0 0 ;}
.begin .a_banner{ margin-top:80px!important;}
.qqbox{ display:none}
.catalog{ float:none; width:100%; border:none; height:auto!important}
.cata_ul a{ height:40px; line-height:40px;}
.cata_ul{ overflow:hidden}
.cata_ul li{ width:50%; float:left; padding:0 5px; box-sizing:border-box}
.details{ float: none; width: 100%; }
.position{ display: none; }
.details_inner{ padding: 0; }
.about_tit{ margin-bottom: 30px; }
.about_tit h3{ height: auto; line-height: 30px; font-size: 18px; }
.about_tit em{ display: block; line-height: 24px; height: auto; }
.qi_left{ float: none; width: 100%; }

.qi_left em{ text-align: center; margin-bottom: 20px; }
.qi_left em img{ width: auto; height: auto; max-width: 100%; }
.qi_left .qi_zi{ height: auto; }

.qi_right{ float: none; width: 100%; text-align: center; }
.qi_right img,.about_left img{ width: auto; height: auto; max-width: 100%; }

.yituo{ height: auto; background-size: cover; padding: 10px; line-height: 30px; font-size: 14px; }
.about_img{ margin-top: 20px; }
.about_left{ float: none; text-align: center; width: 100%; margin-bottom: 20px; }
.about_right{ float: none; width: 100%; height: auto; text-align: center; }
.about_pic .about_left{ float: none; width: 100%; height: auto; }
.about{ padding: 50px 0; }
.foot{ display: none; }
.foot_recu{ display: block; }
.add{ padding: 15px 0; line-height: 24px; height: auto; }
.cul5,.cul6{ padding:15px 0; text-align: center;  }
.cul_ul{ margin: 0 0 40px 0; }
.cul_ul li{ margin: 0 ; width: 33.3%; padding: 0 5px; box-sizing: border-box; }
.cul_ul li em{ width: auto; height: auto; text-align: center; }
.cul_ul em img{ width: auto; height: auto; max-width: 100%; }
.ul_div{ border: none; }
.ul_div i{ text-align: center; }
.ul_div span{ text-align: center; height: auto; }
.culture_scroll,.coop_scroll{ width: 340px; left: 50%; margin-left:-170px; }
.cul_left,.cul_right{ display: none; }
.coop_pic{ border: none; }
.culture_scroll li img{width: auto; height: auto; max-width: 100%;}
.culture_div{ height: 230px; }
.h3_title{ height: auto; line-height: 50px; font-size: 20px; padding: 10px 0; }
.map{ width: 100%; height: auto; padding: 0px; background:none}
.map dt{ float: none; width: 100%; text-align: center; height: auto; margin: 0px 0 20px 0; }
.map dt img{ width: auto; height: auto; max-width: 100%; }
.map dd{ float: none; width: 100%;background: url(../images/contact.jpg) left top no-repeat; padding: 5px; box-sizing: border-box; background-size: cover; }
.map dd h3{ font-size: 16px; }
.plat{ margin:0 0 0 0; }
.plat li{ float: none; width: 100%; margin: 0 0 15px 0 }
.recu ul,.recu ul.act{ background: none; }
.join_a{width: 70px;}
.news_time{ text-align: center; }
.Requirement{ padding: 10px; }
.news_dl{ padding: 10px 0; margin-bottom: 10px; }
.news_dl dt{ float: none; margin: 0 auto 10px; width: 100%; height: auto; }
.news_dl dd{ float: none; width: 100%; }
.news_dl dd .news_tit{ font-size: 16px; text-align: center; }
.news_zi{ height: auto; }
.news_more{ height: 30px; line-height: 30px; }
.news_info img{ width: auto!important; height: auto!important; max-width: 100%!important; }
.news_dl dt img{ width: auto; height: auto; max-width: 100%; }
.piece a{ display: block; float: none; width: 100%; }
.piece{ height: auto; line-height: 40px; padding: 10px 0; }
.piece a.piece_right{ text-align: left; }
.release_dl dd span{ height: auto; line-height: 30px; font-size: 16px; }
.release_dl dt{ float: none; margin: 0 auto 20px; }
.release_dl dd{ float: none; width: 100%; }
.team_tit{ font-size: 22px; }
.expert_ul li{ width: 100%; float: none; margin: 10px 0 20px 0; }
.expert_ul li span{ display: block; width: 100%; height: auto; text-align: center; }
.expert_ul li span img{ width: auto; height: auto; max-width: 100%; }
.exp_dl dt{ float: none; width: 100%; text-align: center; margin-bottom: 20px; height: auto; }
.exp_dl dt img{ width: auto; height: auto; max-width: 100%; }
.exp_dl dd{ width: 100%; float: none; height: auto; padding: 10px; text-align: center; }
.exp_dl dd h3{ height: 40px; line-height: 40px; font-size: 20px; }
.case_ul{ margin: 0; }
.case_ul li{ margin: 0; float: none; width: 100%; border-bottom: none; }
.release_dl dt span{ text-align: center; }
.case_ul li span{ background: none; height: auto; width: auto; line-height: inherit; }
.case_ul li span img{height: auto; width: auto; max-width: 100%;}
.case_ul li em{ background: url(../images/case1.png) right center no-repeat; font-size: 14px; }
.case_ul li i{ text-align: center; }
.case_time{ padding: 8px; margin-bottom: 20px; }
.case_time li{ float: none; width: 100%; font-size: 12px; height: 30px; overflow: hidden;  line-height: 30px; background: url(../images/time.jpg) 5px center no-repeat; padding-left: 20px; }
.coop_right,.coop_left{ background-size: 60% 60%; }
.coop_right{ right: -6px; }
.catalog h3 em{ font-size: 20px; }
.coop_left{ left: 16px; }
.honor_h3{ height: auto; font-size: 20px; line-height: 30px; padding: 20px 0 10px 0; }
.ach_tit{ height: auto; }
.ach_tit li{ width: 33.3% }
.eve_tit em:nth-child(1),.eve_ul em:nth-child(1){width: 20%; font-size: 12px;}
.eve_tit em,.eve_ul li em{ width: 20%; margin: 0; }
.mess_form{ padding-left: 0; }
.form_div em{ float: none; width: 100%; margin-bottom: 10px; }
.form_txt,.form_area{ width: 95%; }
.score{ margin: 0; height: auto; }
.join_a{ display: none; }
.score i{float: none; margin: 0; clear:both;}
.form_sub{ float: none; margin: 20px 0 0 0; }
.mess_dl dd .words_left{ float: none; }
.join_aa{ display: block!important; font-size: 14px; padding-bottom: 20px; color: #00873b }
.mess_dl dd .words_right{ float: none; width: 100%; height: auto; }
#fp-nav.right{ display: none!important; }
.pos dd li{ width: 33.3%; text-align: left; font-size: 12px; height: 56px; overflow: hidden; }
.index_box,.example{ background: none!important; }
.park_ul,.garden_ul{ display: none; }
.cover_scroll{ width: 320px; margin-left: -160px; }
.begin .play_inner li{ height: 282px; }
.play_div{ width: 320px; height: 282px; overflow: hidden; margin: 20px auto 0}
.begin .play_zi{ top: 174px; }
.index_box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.xw_ul{ margin: 0; }
.xw_ul li:nth-child(2),.xw_ul li:nth-child(3){ display: none; }
.xw_ul li{ float: none; width: 100%; margin: 0; text-align: center; }
.xw_ul li span{ width: auto;height: auto; }
.xw_ul li span img{ width: auto;height: auto; max-width: 100%; }
.xc_div{ height: auto; }
.xw_left{ font-size: 24px; }
.cover_left,.cover_right{ top: 77px; }
.cover_lef{ left: 11px; }
.cover_right{ right: 11px; }
.play_ul li{ margin: 0 3px; font-size: 14px; }
.play_inner li{ width: 350px; }
.play_inner li .play_pic{ width: 320px; }
.play_word{ display: none; }
.savant_right{ display: none; }
.savant_tit h3{ text-align: center; text-indent: 0; }
.savant_tit i{ margin: 0 auto }
.savant_left{ width: 100%; float: none; }

.rongyu_ul{ width: 100%; height: 262px; }
.rongyu_ul li{ width: 100%; }
.rongyu_ul li span{ width: 33.3%; padding:0 5px; box-sizing: border-box; margin: 0 0 30px 0; border: none; height: auto; }

.rongyu_ul li span img{ width: 100px; height: 100px; max-width: 100%; border-radius: 100px; border: 5px solid #ff9c01; box-sizing: border-box; }

.xc_time{ display: none; }
.coop_top em{ display: none; }
.coop_top{ background-size:contain; height: 200px; }
.hot_scroll{ width: 300px; margin-left: -150px; height: auto; }
.hot_scroll img{ width: auto; height: auto; max-width: 100%; }
.hot_div{ height: 300px; overflow: hidden; }
.hot_right,.hot_left{ top: 70px; display: none; }
.assortment_ul li a{ font-size: 14px; }

.gree_ul li{ margin: 0 10px; }
.ban{ margin-bottom: 30px; padding: 0 10px 20px; }
.ban_inner{ padding: 0 8px; }
#tFocus-pic{ width:100%!important; height:300px!important; }
#tFocus-pic img{ width:auto!important; height:auto!important; max-width:100%!important;}
#tFocus-pic li{width:auto!important; height:auto!important; max-width:100%!important; line-height:300px!important;}
#tFocusBtn{ width:100%!important; border:none!important}
#tFocus-btn{width:300px!important;  margin-left:-150px!important; overflow:hidden!important }
.play_zi h3{ font-size: 12px; overflow: hidden; }
.play_pic img{ width: 100%; height: 100%; }
.begin .play_pic img{ max-width: 100%; }
.float{ margin: 0!important; top: 89%!important }
.float_show3,.float_show1{ display: none!important; }
.float_show.float_show4{ top: 0!important; }
.flex-nav-prev{ left: 10px; }
.flex-nav-next{ right: 10px; }
.float_show5{ top:49px!important;  }
.park_ul li em{ font-size: 12px; height: 30px; line-height: 30px; }
.active .park_ul{ margin-bottom: 20px; }
.park_ul{ display: block; }
.begin .nubbin{ padding: 10px 0 0 0; }
.park_ul li span img{ width: 20px; height: auto; }
.park_ul li span{ line-height: 50px; }
.float{ top: 85%!important; }

.garden_ul{ display: block; }
.begin .garden_ul{ height: auto; line-height: 26px; margin: 10px 0 10px 0; text-align: left; }
.garden_ul li{ font-size: 12px; margin: 0 3px; text-indent: 10px; }
.active .park_ul{ margin-bottom: 5px; }
.index_ming{ display: block; font-size: 14px; text-align: center; display: block; height: 30px; line-height: 30px; overflow: hidden; color: #fff; }
.rongyu_ul li span{ margin-bottom: 3px; }

.begin .a_banner{ margin-top: 57px!important; }
#tFocus-btn li img{ width: auto; height: auto; max-width: 100% }
#tFocus-rightbtn{ right: 0!important; width: 30px!important; height: 30px!important; background-size: contain!important;}
#tFocus-leftbtn{ left: 0!important; width: 30px!important; height: 30px!important; background-size: contain!important; }
#tFocus-btn li{ overflow: hidden!important; }
.team_phone{ display: block!important; }
.team_pc{ display: none!important; }

.team_inner{ width: 100%; height: auto; background: none; transform: scale(1,1); overflow: hidden;}
.free{ position: static; color: #333; height: auto; width: 100%; height: 40px; line-height: 40px; overflow: hidden; padding: 0px;background: url(../images/bbj.png) left center no-repeat; background-size: contain; line-height: 47px!important;  box-sizing: border-box;  text-align: left; text-indent: 20px; display: block; border: none; border-radius: 0; line-height: inherit; font-size: 12px; font-weight: normal; }
.team_pos{ float: left; width: 50%;  box-sizing: border-box; height: 40px; line-height: 40px; padding: 0 5px;  }
.free:hover{background: none; color: #}





}












@media screen and (max-width:768px){


}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:265px!important;}
.cul_ul li{ width: 100%; float: none; }
}
@media screen and (max-width:375px){
}

@media screen and (max-width:360px){
.begin .play_zi{ top: 153px; }
.begin .a_banner{ margin-top: 57px!important; }
}
@media screen and (max-width:320px){


}


@media screen and (min-width:1201px){
}